<template>
  <div class="drag-item-scope" :id="`drag-item-${item.i}`">
    <slot></slot>
  </div>
</template>

<script>
/*
 *@Author: moe
 *@Date: 2022-06-30 15:58:16
 *@Description: 模块描述
 */
export default {
  name: "DragItemScope",
  props: {
    item: {
      type: Object,
      default() {
        return {
          x: 0,
          y: 0,
          w: 0,
          h: 0,
          i: "0",
          extData: {
            type: "custom",
          },
          width: 0,
          height: 0,
        };
      },
    },
  },
  data() {
    return {};
  },
  created() {},
  mounted() {},
  methods: {},
};
</script>

<style lang="scss">
.drag-item-scope {
  width: 100%;
  height: 100%;
}
.default-drag-item {
  width: 100%;
  height: 100%;
}
</style>
